Midterm Task 4: Image Map
Back to Portfolio
Browser Output
View Full in New Tab
Source Code
View Code Picture
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>SJP Midterm Lab Task 4: Image Map</title> </head> <body> <img src="cmap.png" alt="Workplace" width="600" height="396" usemap="#campus_map"> <map name="campus_map"> <area shape="poly" coords="420,153,433,153,434,170,438,174,437,186,433,190,435,195,435,208,419,208,421,198,426,198,425,191,411,191,411,170,425,169,425,163,420,164" alt="Click to go to Computer Science Org" href="https://www.computerscience.org/"> <area shape="poly" coords="262,167,273,167,272,155,277,155,304,153,306,158,312,158,310,171,317,171,317,176,310,178,310,192,305,190,306,197,277,197,272,195,273,183,263,181" alt="Click to go to College of Business and Technology Home Page." href="https://asingan.psu.edu.ph/college-of-technology-and-business/"> <area shape="poly" coords="210,258,188,258,188,272,181,272,181,277,188,278,188,288,171,288,170,308,212,308,213,290,207,288" alt="Click to go to Department IC Technology Home Page." href="https://dict.gov.ph/"> <area shape="circle" coords="560,335,31" href="https://www.harper-adams.ac.uk/study/902/the-library/" alt="Click to go to Harper Library Home Page."> </map> </body> </html>